/*
* @Author: Marte
* @Date:   2018-10-31 15:56:30
* @Last Modified by:   Marte
* @Last Modified time: 2018-11-01 16:16:50
*/

function Login (){
     this.genCode();
     this.addListener();
}
$.extend(Login.prototype,{
    //生成验证码
    genCode() {
    $.getJSON("/logins/captcha", (data) => {
      $(".code").html(data.res_body.data);
    })
  },
  // 校验验证码
  codeHandler(event) {
    // 输入的值
    const code = $(event.target).val();
    // ajax
    $.getJSON("/logins/captcha/verify", {code}, (data)=>{
      if (data.res_body.valid) {
        alert("正确");
      } else {
        alert("错误");
      }
    })
  },
  addListener(){
    $(".btn-login").on("click",this.loginHandler);
  },
  loginHandler() {
    // 登录的用户名与密码
    const data = $(".form-login").serialize();
    // 请求API接口，实现用户名与密码验证
    const url = "/logins/login";
    $.post(url, data, (data)=>{
      if (data.res_body.status === 1) { // 登录成功
        // 保存登录成功的用户名
        // $.cookie("username", data.res_body.data.username);
        sessionStorage.username = data.res_body.data.username;
        // 刷新页面
        window.location.href="/";
      } else { // 登录失败
        $(".login-error").removeClass("hidden");
        alert(data.res_body.message);
      }
    }, "json")
  },
});
new Login();